<template>
	<view class="info">
		<van-panel class="infopop" title="已选商品" desc="" status="">

			<!-- status为状态  desc为描述信息-->

			<view class="pop">
				<image src="../../static/10070z000000o7evs33EF.jpg" mode=""></image>
				<view class="popinfo">
					<h5>{{ item.name }}</h5>
					<span>类型：众筹</span>
				</view>
			</view>
			<view class="popfoot" slot="footer">
				<text>
					共一件商品 合计：
					<text class="texts">￥{{ item.oneprice }}</text>
				</text>
			</view>
		</van-panel>

		<view class="foot">
			<van-button class="footbtn1" color="#fff" block>
				合计:
				<text class="texts">￥{{ contprice }}</text>
			</van-button>
			<van-button color="#ff7043" class="footbtn2" block @click="open">立即支付</van-button>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			item: {}
		};
	},
	computed: {
		contprice() {
			return this.item.oneprice;
		}
	},
	methods: {},
	onLoad(e) {
		console.log(e, 'ee');
		this.item = e;
		this.item.oneprice = Number(e.oneprice).toFixed(2);
	}
};
</script>

<style lang="scss">
.info {
	width: 100vw;
	height: 100vh;
	background-color: #f0f0f2;
	position: relative;
	.foot {
		position: absolute;
		bottom: 0;
		display: flex;
		align-items: center;
		.footbtn1 {
			width: 60vw;
			button {
				color: black !important;
			}
		}
		.footbtn2 {
			width: 40vw;
		}
	}
}
.texts {
	font-size: 40rpx;
	font-weight: bolder;
	color: red;
}
.pop {
	display: flex;
	image {
		width: 60vw;
		height: 20vh;
		object-fit: cover;
	}
	.popinfo {
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		padding-left: 15rpx;
	}
}
.infopop {
	background-color: #fff;
}
.popfoot {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
</style>
